<!--
*******************************************************************************
 * Copyright © 2022-2023 VMware, Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License"); you may not use this file except
 * in compliance with the License. You may obtain a copy of the License at
 *
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software distributed under the License
 * is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express
 * or implied. See the License for the specific language governing permissions and limitations under
 * the License.
 *
 * @author: Huaqiao Zhang, <huaqiaoz@vmware.com>
 *******************************************************************************
 -->

<form>
    <div class="form-group row">
        <label class="col-sm-2 col-form-label">ResourceNames</label>
        <div class="col-sm-10">
            <input type="text" class="form-control" name="ResourceNames" [(ngModel)]="filterByResourceName.Parameters.ResourceNames">
        </div>
    </div>
    <div class="form-group row">
        <label class="col-sm-2 col-form-label">
            <span>FilterOut</span>
            <span class="fa fa-question-circle-o fa-lg ml-2" role="button" data-html="false" data-animation="true"  data-trigger="focus" data-toggle="popover" title="tips" 
            data-content="Boolean indicating if the readings matching the resource names should be filtered out (true) or filtered for (false)."></span>
        </label>
        <div class="col-sm-10">
            <select class="custom-select"  name="FilterOut" [(ngModel)]="filterByResourceName.Parameters.FilterOut">
                <option value="false">false</option>
                <option value="true">true</option>
            </select>
        </div>
    </div>
</form>